Skip to content

[MM-15487] feat: convert to mobile-first approach and add spacer utilities#549

Open
pauloSF0 wants to merge 1 commit into
mainfrom
MM-15497-webkit-update-overline-spacer-tokens
Open

[MM-15487] feat: convert to mobile-first approach and add spacer utilities#549
pauloSF0 wants to merge 1 commit into
mainfrom
MM-15497-webkit-update-overline-spacer-tokens

Conversation

@pauloSF0
Copy link
Copy Markdown
Contributor

@pauloSF0 pauloSF0 commented May 5, 2026

Adiciona utilitários de spacer com abordagem mobile-first

Mudanças

  • Adiciona classes .spacer-xl, .spacer-lg, .spacer-md, .spacer-sm
  • Converte media queries de max-width para min-width (mobile-first)
  • Define valores mobile como base, com overrides nos breakpoints md/lg

Valores dos spacers

Classe Mobile md (≥768px) lg (≥1024px)
spacer-xl h-60 h-60 h-60
spacer-lg h-16 h-40 —
spacer-md h-12 h-32 —
spacer-sm h-8 h-20 —

Uso

<div class="spacer-lg"></div>
<div class="spacer-md"></div>
<div class="spacer-sm"></div>
<div class="spacer-xl"></div>

Testado em

- azion-console-kit (HomeView)

@pauloSF0 pauloSF0 self-assigned this May 5, 2026
@pauloSF0 pauloSF0 added the enhancement New feature or request label May 5, 2026
@pauloSF0 pauloSF0 requested a review from a team as a code owner May 5, 2026 23:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@isaquebock isaquebock isaquebock approved these changes

@gdsantana gdsantana gdsantana approved these changes

Assignees

@pauloSF0 pauloSF0

Labels

enhancement New feature or request

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@pauloSF0 @isaquebock @gdsantana